import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import { resolve } from 'path'

// https://vite.dev/config/
export default defineConfig({
  plugins: [react()],
  base: './',
  resolve: {
    alias: {
      '@': resolve(__dirname, './src')
    }
  },
  // 这里注意看
  // 添加代理配置，用来调用接口（开发时）
  server: { // 表示服务器配置
    host: 'localhost', // 本地使用的地址
    port: 5173, // 本地使用的端口
    proxy: { // 代理（相当于转接，就像打电话，然后你让谁帮忙转接）
      '/api': { // 意思是，我打给 '/api', 然后让 http://localhost:3000 转接
        target: 'http://localhost:3000',
        changeOrigin: true, // 是否跨域（选择 true）
        rewrite: (path: string) => path.replace(/^\/api/, '') // 这里使用了正则表达式，表示传入的 path 参数 以 /api 开头的其中的 /api 会被删掉
      }
    }
  },
  // global css
  css: {
    preprocessorOptions: {
      less: {
        // modifyVars: {
        // 	'primary-color': '#1DA57A',
        // },
        javascriptEnabled: true,
        additionalData: `@import '@/styles/var.less';`
      }
    }
  },
})
